<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang="en"  xmlns:t>
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  <meta charset="utf-8">
  <!-- Title and other stuffs -->
  <title>员工管理</title> 
  <meta name="keywords" content="" />
  <meta name="description" content="" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0"/> 
  <meta name="author" content=""/>
  <!-- Stylesheets -->
  <link href="${res}/bootstrap/style/bootstrap.css" rel="stylesheet"/>
  
   <link href="${res}/bootstrap/style/bootstrap-theme.css" rel="stylesheet"/>
  <!-- Font awesome icon -->
  <link rel="stylesheet" href="${res}/bootstrap/style/font-awesome.css"/> 
  <!-- jQuery UI -->
  <link rel="stylesheet" href="${res}/bootstrap/style/jquery-ui.css"/> 
  <!-- Calendar -->
  <link rel="stylesheet" href="${res}/bootstrap/style/fullcalendar.css"/>
  <!-- prettyPhoto -->
  <link rel="stylesheet" href="${res}/bootstrap/style/prettyPhoto.css"/>  
  <!-- Star rating -->
  <link rel="stylesheet" href="${res}/bootstrap/style/rateit.css"/>
  <!-- Date picker -->
  <link rel="stylesheet" href="${res}/bootstrap/style/bootstrap-datetimepicker.min.css"/>
  <!-- CLEditor -->
  <link rel="stylesheet" href="${res}/bootstrap/style/jquery.cleditor.css"/> 
  <!-- Bootstrap toggle -->
  <link rel="stylesheet" href="${res}/bootstrap/style/bootstrap-switch.css"/>
  <!-- Main stylesheet -->
  <link rel="stylesheet" href="${res}/mac/style/style.css" />
  <!-- Widgets stylesheet -->
  <link rel="stylesheet" href="${res}/bootstrap/style/widgets.css" />   
  
  <!-- HTML5 Support for IE -->
  <!--[if lt IE 9]>
  <script src="js/html5shim.js"></script>
  <![endif]-->

  <!-- Favicon -->
  <link rel="shortcut icon" href="${res}/bootstrap/img/favicon/favicon.png"/>
  
    <!-- Main stylesheet -->
  <link rel="stylesheet" href="${res}/jstag/css/default.css" />
  
  <style>
	
</style>

  <script src="${res}/bootstrap/js/jquery.js"></script> <!-- jQuery -->
  <script>
$(function(){
	 var  widget = new Widget($("#empList"));
	var addbtn  = widget.addButton("addBtn", "添加");
	addbtn.on('click',function(){
		window.location.href = 'add.do';
	})
	
	var eidtbtn  = widget.addButton("addBtn", "修改");
	eidtbtn.on('click',function(){
		alert("edit");
	})
	
	delbtn  = widget.addButton("addBtn", "删除");
	delbtn.on('click',function(){
		alert("del");
	})
	

});
 </script>
</head>

<body>
<!-- Header starts -->
	<#include "../header.html"/>
<!-- Header ends -->

<!-- Main content starts -->

<div class="content">

  	<!-- Sidebar -->
	<#include "../sidebar.html"/>
    <!-- Sidebar ends -->

  	<!-- Main bar -->
  	<div class="mainbar">

      <!-- Page heading -->
      <div class="page-head">
        <h2 class="pull-left"><i class="icon-table"></i> 员工管理</h2>

        <!-- Breadcrumb -->
        <div class="bread-crumb pull-right">
          <a href="index.html"><i class="icon-home" ></i> 首页</a> 
          <!-- Divider -->
          <span class="divider">/</span> 
          <a href="#" class="bread-current">员工列表</a>
        </div>

        <div class="clearfix"></div>

      </div>
      <!-- Page heading ends -->

	    <!-- Matter -->

	    <div class="matter">
	        <div class="container">
	
	          <!-- Table -->
	
	            <div class="row">
		              <div class="col-md-12">
							<@ui.widget id="empList">
								 <@ui.grid id="empTable"  action="list.do"  height="350px"  value=page;user,i,has_next >
									 	<@ui.column type='checkbox'></@ui.column>
								        <@ui.column title="用户名"   name="userName">${user.userName!}</@ui.column>
								        <@ui.column title="入职日期"  align="center"  name="entryTime">${user.entryTime!}</@ui.column>
								        <@ui.column title="用户姓名" align="right"  name="userIndenty">${user.userIndenty!}</@ui.column>
								       	<@ui.column title="身份证"    name="userIndenty">${user.userIndenty!}</@ui.column>
								        <@ui.column title="电话号码"  align="center"   name="phone">${user.phone!}</@ui.column>
								        <@ui.column title="机构编号" align="right"  name="orgId">${user.orgId!}</@ui.column>
								       <@ui.column title="状态"    name="status">${user.status!}</@ui.column>
								   </@ui.grid>
							</@ui.widget>
		              </div>
	            </div>
	
	      </div>
	 </div>

		<!-- Matter ends -->

    </div>

   <!-- Mainbar ends -->	    	
   <div class="clearfix"></div>

</div>
<!-- Content ends -->

<!-- Footer starts -->
<#include "../footer.html"/>
<!-- Footer ends -->

<!-- Scroll to top -->
<span class="totop"><a href="#"><i class="icon-chevron-up"></i></a></span> 

<!-- JS -->
<script src="${res}/bootstrap/js/bootstrap.js"></script> <!-- Bootstrap -->
<script src="${res}/bootstrap/js/jquery-ui-1.9.2.custom.min.js"></script> <!-- jQuery UI -->
<script src="${res}/bootstrap/js/fullcalendar.min.js"></script> <!-- Full Google Calendar - Calendar -->
<script src="${res}/bootstrap/js/jquery.rateit.min.js"></script> <!-- RateIt - Star rating -->
<script src="${res}/bootstrap/js/jquery.prettyPhoto.js"></script> <!-- prettyPhoto -->

<!-- jQuery Flot -->
<script src="${res}/bootstrap/js/excanvas.min.js"></script>
<script src="${res}/bootstrap/js/jquery.flot.js"></script>
<script src="${res}/bootstrap/js/jquery.flot.resize.js"></script>
<script src="${res}/bootstrap/js/jquery.flot.pie.js"></script>
<script src="${res}/bootstrap/js/jquery.flot.stack.js"></script>

<!-- jQuery Notification - Noty -->
<script src="${res}/bootstrap/js/jquery.noty.js"></script> <!-- jQuery Notify -->
<script src="${res}/bootstrap/js/themes/default.js"></script> <!-- jQuery Notify -->
<script src="${res}/bootstrap/js/layouts/bottom.js"></script> <!-- jQuery Notify -->
<script src="${res}/bootstrap/js/layouts/topRight.js"></script> <!-- jQuery Notify -->
<script src="${res}/bootstrap/js/layouts/top.js"></script> <!-- jQuery Notify -->
<!-- jQuery Notification ends -->

<script src="${res}/bootstrap/js/sparklines.js"></script> <!-- Sparklines -->
<script src="${res}/bootstrap/js/jquery.cleditor.min.js"></script> <!-- CLEditor -->
<script src="${res}/bootstrap/js/bootstrap-datetimepicker.min.js"></script> <!-- Date picker -->
<script src="${res}/bootstrap/js/bootstrap-switch.min.js"></script> <!-- Bootstrap Toggle -->
<script src="${res}/bootstrap/js/filter.js"></script> <!-- Filter for support page -->
<script src="${res}/bootstrap/js/custom.js"></script> <!-- Custom codes -->
<script src="${res}/bootstrap/js/charts.js"></script> <!-- Charts & Graphs -->

<!-- jstag -->
 
</body>
</html>